<template>
  <div class="personalheader">
    <div class="top">
        <h3>个人中心</h3>
        <div class="synopsis">
            <img src="../../../../static/images/recommend5.png" alt="">
            <span>救救直男呀</span>
        </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'PersonalHeader',
  data () {
    return {
      
    }
  }
}
</script>


<style lang="stylus" scoped>
.personalheader
    width 100%
    height 3.4rem
    background-color #000
    .top
        width 100%
        height 3rem
        color #fff
        h3
            text-align center
            font-size .36rem
            line-height .36rem
            padding .2rem 0
        .synopsis
            width 100%
            height 2rem
            padding .4rem .4rem
            img 
                width 1.6rem
                height 1.6rem
                border-radius 50%
            span 
                font-size .36rem
                padding 0 .2rem
</style>
